<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的主页</title>

    <link  href="../../static/bootstrap-3.3.7/css/bootstrap.min.css" th:href="@{bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <script src="../../static/bootstrap-3.3.7/js/jquery-1.11.3.min.js" th:src="@{bootstrap-3.3.7/js/jquery-1.11.3.min.js}"  type="text/javascript"></script>
    <script src="../../static/bootstrap-3.3.7/js/bootstrap.min.js" th:src="@{bootstrap-3.3.7/js/bootstrap.min.js}" type="text/javascript"></script>

</head>

<script>
    function clear() {
        Source=document.body.firstChild.data;
        document.open();
        document.close();
        document.body.innerHTML=Source;
    }
</script>

<style type="text/css">

    body{
        /*background-color: #f1f2f6;*/
    }

    .sidenav{
        border: 1px solid #ececec;
        font-size: 15px;
       /* font-family: 'Microsoft Yahei', serif;*/
        font-family:"宋体";
        color: #a4b0be;
        margin-bottom: 0px;
        border-bottom: 1px solid #e8e8e8;
    }

    .sidenav dt{
        padding: 0px;
    }

    .sidenav dt a{
        display: block;
        height: 100%;
    }

    .sidenav a{

        text-decoration: none;
        color: #57606f;
    }


    .sidenav dt a span{
        padding-left: 15px;
        line-height: 40px;
    }

    .sidenav dd a{
        display: block;
        height: 30px;
        padding-left: 25px;
        line-height: 30px;
    }
    .sidenav dd{
        display: none;
    }
    a:hover{
        color: #0652DD;
    }

    .a_bg{
        background-color: #f1f2f6;
        border-top: 1px solid #0652DD;
        border-left: 1px solid #0652DD;
    }

    img{
        width: 100%;
    }




/*    .sidenav dd a {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    }*/
/*    .sidenav dd a {
    padding-left: 5px;
    border-top: 1px solid #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
    }*/

</style>


<body onclick="clear()">

<!--  	描述：导航条    -->
<nav class="navbar navbar-default" role="navigation" style="background-color: white; height: 80px;margin-bottom: 0px">
    <div class="container">
        <div class="row">
            <div class="navbar-header">
                <a class="navbar-brand" href="/Home">
                    <i style="display: inline-block;background-color: #5cb85c; width: 150px;height:50px;
                        background: url(../../static/img/bg/piaodekuai.png) no-repeat center; background-size: 100px 50px; "></i>
                    <!-- <span style="color:#0652DD; font-size:30px;width: 30px;">飘得快</span>-->
                </a>
            </div>
            <!--<div class="nav navbar-nav" style="width: 80%;padding-top: 25px;padding-left: 80px">
                <a href=""><span style="float: left;font-size: 20px">首页&nbsp;</span></a>
                <div style="float: left;border-bottom: 1px solid #dbdbdb;width: 30%;margin-top: 15px;"></div>
                <span style="color: #ffa801;float: left;font-size: 20px">&nbsp;&nbsp;登录中心</span>
            </div>-->
            <div class="nav navbar-nav navbar-right" style="padding-top: 25px; margin-right: 0px">
                <a href="#">
                    <span class="fcolor glyphicon glyphicon-user" style="color: #6A6AFF;font-size: 20px"></span>
                    <span style="color: #1e272e;font-size: 15px" >你好，李白</span>
                </a>
                &nbsp;&nbsp;
          <!--      <a href="#">
                    <span class="fcolor glyphicon glyphicon-pencil" style="color: #6A6AFF;font-size: 20px; "></span>
                    <span style="color: #1e272e;font-size: 15px" >注册</span>
                </a>-->
            </div>
        </div>
    </div>
</nav>

<div>
    <div class="container">
        <div class="row">
            <div class="col-md-2" style="margin-top: 10px;padding: 0px;">
                <div style="background-color:white; border-top: 2px solid #2e86de; border-bottom: 2px solid #2e86de;
                    margin-right: 10px;margin-left: 25px; -moz-box-shadow: 0px 0px 1px  #909090;-webkit-box-shadow: 0px 0px 1px  #909090;">
                    <dl class="sidenav">
                        <dt class="navshow">
                            <a href="/shouye" id="shouye" onclick="return false"
                               style="border-top-width: 0px;-moz-box-shadow: 0px 0px 1px  #909090;-webkit-box-shadow: 0px 0px 1px  #909090;">
                                <span>我的首页</span>
                            </a>
                        </dt>
                    </dl>
                    <dl class="sidenav">
                        <dt class="navshow">
                            <a href="javascript:;" style=" pointer-events: none;" >
                                <span>订单</span>
                                <span id="111" class="glyphicon glyphicon-triangle-bottom " style="float: right; padding-right: 10px"></span>
                            </a>
                        </dt>
                        <dd id="index">
                            <a href="/waitFly" onclick="return false">未出行</a>
                            <a href="/toPaid" onclick="return false">待付款</a>
                            <a href="/comment" onclick="return false">待评价</a>
                            <!--<a href="/historicalOrder" onclick="return false">历史订单</a>-->
                        </dd>
                    </dl>
                    <dl class="sidenav">
                        <dt class="navshow">
                            <a href="javascript:;" style=" pointer-events: none;">
                                <span>钱包</span>
                                <span id="222" class="glyphicon glyphicon-triangle-bottom " style="float: right; padding-right: 10px"></span>
                            </a>
                        </dt>
                        <dd>
                            <a href="/webwallet" onclick="return false">我的钱包</a>
                            <a href="/card" onclick="return false">银行卡</a>
                            <a href="/cashBack" onclick="return false">返现中心</a>
                            <a href="/securityCenter" onclick="return false">安全中心</a>
                        </dd>
                    </dl>
                    <dl class="sidenav">
                        <dt>
                            <a href="/coupon" onclick="return false">
                                <span>优惠券</span>
                            </a>
                        </dt>
                    </dl>
                    <dl class="sidenav">
                        <dt>
                            <a href="/integral" onclick="return false">
                                <span>积分</span>
                            </a>
                        </dt>
                    </dl>
                    <dl class="sidenav">
                        <dt>
                            <a href="/einvoice" onclick="return false">
                                <span>电子发票</span>
                            </a>
                        </dt>
                    </dl>
                    <dl class="sidenav">
                        <dt class="navshow">
                            <a href="javascript:;" style=" pointer-events: none;">
                                <span>个人中心</span>
                                <span id="333"class="glyphicon glyphicon-triangle-bottom " style="float: right; padding-right: 10px"></span>
                            </a>
                        </dt>
                        <dd>
                            <a href="/messagelist" onclick="return false">消息提醒</a>
                            <a href="/myInformation" onclick="return false">我的信息</a>
                            <a href="/thirdPart" onclick="return false">绑定与关联</a>
                            <a href="/safecenter" onclick="return false">账户安全</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="col-md-10" style=" margin-top: 2px; padding: 10px 0px 0px 0px;margin-bottom: 30px;">
                <!-- box-shadow:inset 0 0 5px 1px #ccc;"> -->

                <div class="row" id="main">






                </div>


            </div>
        </div>
    </div>

</div>




</body>


<script type="text/javascript">


    $('.navshow').click(function () {
        var dd = $(this).next();
        var spanIcon = $(this).children().children().next();
        var spanIcon2 = $('.navshow').children().children().next();
        //console.log(spanIcon2);

        //$("#id").attr("href");
        //console.log(mainUrl);

        //console.log($(this).next().children().prop("tagName"));
        //console.log("当前URL为:", $(this).attr('href'));
        //alert(mainUrl);

        for(var i = 0; i<spanIcon2.length; i++ ){
            if ($(spanIcon2[i]).hasClass("glyphicon-triangle-top")) {
                $(spanIcon2[i]).removeClass("glyphicon-triangle-top");
                $(spanIcon2[i]).addClass("glyphicon-triangle-bottom");
            }
        }

        if(dd.css("display")=="none"){

            if (spanIcon.hasClass("glyphicon-triangle-bottom")) {
                spanIcon.removeClass("glyphicon-triangle-bottom");
             /*   setTimeout(function(){
                    spanIcon.addClass("glyphicon-triangle-lef");
                    alert('dd');
                },1000);*/
                //spanIcon.removeClass("glyphicon-triangle-lef");
                spanIcon.addClass("glyphicon-triangle-top");
            }
            $('.navshow').next().hide();
            dd.show();
        }else{
            dd.hide();
        }

    });


    $('.sidenav a').click(function () {

        var mainUrl;
        $('.sidenav a').removeClass("a_bg");
        $(this).toggleClass("a_bg");


        mainUrl = $(this).attr('href');


        //alert(mainUrl);

        if( mainUrl =="javascript:;"){
            //pointer-events: none;
        }

        $("#main").html("");
        $("#main").load(mainUrl);

    });


    $(function(){
        /*公共部分：登录弹框*/
        $("#main").load("/shouye");
        //$("#main").load("cash_back.html");
        $('.sidenav a').removeClass("a_bg");
        $('#shouye').toggleClass("a_bg");
    })



</script>



</html>